<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>注册</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<!--<link rel="stylesheet" href="themes/css/core.css">-->
		<!--<link rel="stylesheet" href="themes/css/icon.css">-->
		

		<style type="text/css">
			/*修改首部导航栏文字颜色*/
			.aui-header-bg {
			    background-image: url(themes/img/bg/head_bgimg.jpg);
			    background-position: center;
			    background-repeat: no-repeat;
			    background-size: cover;
			}	
			.mui-title {
			    color: white;
			}
			.mui-action-back{
				color: #FFFFFF;
			}
			/*小标题样式*/
			 .small_banner{
			 	width: 100%;
			 	height: 40px;
			 	line-height: 40px;
			 	font-size: 14px;
			 	padding-left: 15px;
			 	margin-top: 15px;
			 	background-color: white;
			 	color: #777;
			 }
		
		   /*保存按钮样式*/
		  .save_btn{
		  	margin: 25px auto;
		  	width: 90%;
		  	height: 40px;
		  	line-height: 12px;	
		  }
		  /*年级选择下拉框样式*/
		 .nianji_selet{
		 	float: left;
		 	width: 60%;
		 	height: 43px;
		 	/*text-align: center;*/
		 	color: #777;
		 	line-height: 43px;
		 	/*background-color: darkcyan;*/
		 }
		 .mui-btn-danger{
			background-color: #FF5E53;
			border: 1px solid #da4644;
			border-radius: 3px;
			height: 38px;
			line-height: 38px;
		 }
		 /*优惠券样式*/
		 #coupon{
		 	display: none;
		 }
		
		.coupon_voucher2_main {
			width: 100%;
			height: auto;
		    padding: 10px;    
		    background-color: white;
		}
		.use .coupon_voucher2_view{
			color: #999;
		}
		.coupon_voucher2_view {
		   width: 40%;
		   text-align: center;
		   color: #53c7ca;
		}
		.coupon_voucher2_view p{
			color: #53c7ca;
			margin-bottom: 0;
		}
		.coupon_voucher2_info {
		  width: 60%;
		  /*margin-right: 10%;*/
		  text-align: left;
		  /*background-color: sandybrown;*/
		}
		
		.coupon_voucher2_info_label {
		   margin: 0.6rem 0;
		}
		.coupon_voucher2_info_date {
		   
		}
		.coupon_voucher2_view_price{
			    line-height: normal;
		}
		.coupon_voucher2_view_price i{
		    vertical-align: top;	
		    position: relative;
		    top: 5px;
		    margin: 10px 2px;
		
		    font-style: normal;
		    font-weight: normal;
		}
		.coupon_voucher2_view_price strong{
			font-size: 45px;
		    font-weight: 700;
		}
		/*优惠卷顶部横线*/
		.yhj_topbann{
			 width: 100%;
			 height: 5px;
			 background-color: #999;
			 border-top-left-radius: 5px;
			 border-top-right-radius: 5px;
		}
		/*使用规则样式*/
		.use_rule_div{
			padding: 10px;
			width: 100%;
			/*background-color: salmon;*/
			text-align: right;	
		}
		.use_rule{
		    color: #e93b3d;
		}
		/*未使用颜色*/
		.un_use_color_bg{
			background-color:#53c7ca ;
		}
		.fl{float: left;}
		.fr{float: right;}
		.coupon_voucher2 {
			border: 1px solid #FFFFFF;
		    position: relative;
		    margin: 15px 10px;
		    border-radius: 6px;
		    color: #53c7ca;		    
		    
		    position: relative;
		    -webkit-transition: -webkit-transform .5s ease-in-out;
		    transition: -webkit-transform .5s ease-in-out;
		    transition: transform .5s ease-in-out;
		    transition: transform .5s ease-in-out,-webkit-transform .5s ease-in-out;
		    box-shadow: 0 2px 5px 5px rgba(0,0,0,.1);
		}
		.coupon_voucher2.cur{
			border: 1px solid;
			box-shadow: 0 2px 5px 5px rgba(0,0,0,.1);
		}
		
		.coupon_voucher2_info_label span {
		    display: inline-block;
		    vertical-align: middle;
		    height: 17px;
		    line-height: 17px;
		    font-size: 12px;
		    color: #999;
		    background-color: #f8f8f8;
		    border-radius: 2px;    
		    padding: 0 5px;
		}
		
		.aui-settle-choice span{
			border: none;
		}
		.mod_empty_page_main {
		    margin: 12px 0 8px;
		    font-size: 16px;
		    color: #333;
		}
		.clearfix::after {
		    clear: both;
		    content: ".";
		    display: block;
		    height: 0;
		    visibility: hidden;
		}
		.coupon_voucher2_info ul li{
			font-size: 12px;
			color: #999;
			list-style:disc;
		}
		.coupon_voucher2_info ul li:first-child{
			font-size: 14px;			
			list-style:none;
			margin-left: -1em;			
			color: #000;
		}
		.layui-layer-page .layui-layer-content{
			overflow:hidden!important;
		}
		/*发送验证码*/
		.btn-disabled {
		  background-color: #CCC;
		  border: 1px solid #ccc;
		  color: #F0F0F0;
		  pointer-events: none;
		}
		.btn-disabled:active {
		  background-color: #b8b8b8;
		}

		.link-area {
		    display: block;
		    margin-top: 25px;
		    text-align: center;
		}
		</style>
	</head>

	<body>
		
		<header id="header" class="mui-bar mui-bar-nav aui-header-bg">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left back_btn"></a>
			<h1 class="mui-title">登录</h1>
			<!--<a class="mui-btn mui-btn-blue mui-btn-link mui-pull-right" id="bianji">编辑</a>-->
		</header>
		<div class="mui-content">		
			<form id="frmMain">		
				<div class="inpt_box mui-input-group">		
					<div class="mui-input-row">
						<label>手机号</label>
						<input type="text" id="phone" name="phone" placeholder="请输入手机号" maxlength="11">
					</div>					
					<div class="mui-input-row">
						<label>密码</label>
						<input type="text" id="phone" name="phone" placeholder="请输入密码" maxlength="11">
					</div>	
					<div class="mui-input-row">
						<label>验证码</label>				
						<button id="btn-send-code" type="button" class="mui-btn mui-btn-danger" style="width: 30%;height: 40px;float: right;">获取验证码</button>
						<input id="code" style="width: 35%;" maxlength="6" type="text" placeholder="请输入验证码">						
					</div>
				
				</div>	
				<button type="button" id="btn-save" class="mui-btn mui-btn-success mui-btn-block save_btn">登录</button>
			</form>
		</div>
	
		
		<script src="themes/js/jquery.min.js"></script>
		<script src="js/mui.min.js"></script>	
		<script type="text/javascript" src="themes/js/aui.js"></script>
		<script type="text/javascript" src="themes/js/ajax-util.js"></script>		
		<script type="text/javascript" src="themes/js/Feng.js"></script>	
		<script type="text/javascript" src="themes/plugin/layer/layer.js"></script>
		<script type="text/javascript" src="themes/js/common.js"></script>
		<script>
			
		</script>
	</body>

</html>